<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  layout:decorator="layout/base">
<head>
	<title>客户详情</title>
</head>

<body>

	<!-- Page header -->
	<div class="page-header" layout:fragment="page-header">
		<div class="page-header-content">
			<div class="page-title">
				<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold" th:text="#{web.name}"></span> - 客户详情</h4>
			</div>
		</div>
	</div>
	<!-- /page header -->


	<!-- Main content -->
	<div class="content-wrapper" layout:fragment="content">
		
						<div class="panel panel-default">
							<div class="panel-heading">
								<h6 class="panel-title">客户详情</h6>
								<div class="heading-elements panel-tabs">
									<ul class="nav nav-tabs nav-tabs-bottom">
										<li class="active"><a href="#panel-tab1" data-toggle="tab"><i class="position-left"></i>基本信息</a></li>
										<li><a href="#panel-tab2" data-toggle="tab"><i class="position-left"></i>会员积分</a></li>
										<li><a href="#panel-tab4" data-toggle="tab"><i class="position-left"></i>消费记录</a></li>
									</ul>
			                	</div>
							</div>
							
							<div class="panel-tab-content tab-content">
								<div class="tab-pane active has-padding" id="panel-tab1">
									<div class="row">
										
										<input id="customerId" type="hidden" th:value="${customer.id}"></input>
									
										<div class="col-md-3">
											<div class="form-group">
												病历号：<span th:text="${customer.recordNo}"></span>
											</div>
										</div>
									
										<div class="col-md-3">
											<div class="form-group">
												姓名：<span th:text="${customer.name}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												电话号码：<span th:text="${customer.phoneNo}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												所属渠道商：<span th:text="${customer.recommendDistributorName}"></span>
											</div>
										</div>
									</div>
									
									<div class="row">
										
										<div class="col-md-3">
											<div class="form-group">
											是否有建立档案/病历：<span th:text="${customer.isHasRecord} == 0? '是' : (${customer.isHasRecord} == 1? '否' : '未知')"></span>
											</div>
										</div>
									
										<div class="col-md-3">
											<div class="form-group">
												学历：<span th:text="${customer.education}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												职业：<span th:text="${customer.occupation}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												客户级别：<span th:text="${customer.customerLevel}"></span>
											</div>
										</div>
										
									</div>
									
									<div class="row">
										<div class="col-md-3">
											<div class="form-group">
												是否已婚：<span th:text="${customer.marryStatus} == 0? '是' : (${customer.marryStatus} == 1? '否' : '未知')"></span>
											</div>
										</div>
										
										
										<div class="col-md-3">
											<div class="form-group">
												子女情况：<span th:text="${customer.childStatus}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												微信号：<span th:text="${customer.wx}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												服务人员：<span th:text="${customer.servantName}"></span>
											</div>
										</div>
									</div>
									
									<div class="row">
									
										<div class="col-md-3">
											<div class="form-group">
												生日：<span th:text="${customer.birthday != null ? #dates.format(customer.birthday,'yyyy-MM-dd') : ''}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												年龄：<span th:text="${customer.age}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												星级：<span th:text="${customer.level}"></span>级
											</div>
										</div>
										
										<div class="col-md-6">
											<div class="form-group">
												地址：<span th:text="${customer.address}?${customer.address}:''"></span>
											</div>
										</div>
									</div>
									
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
													病史：<span th:text="${customer.medicalHistory}"></span>
											</div>
										</div>
									</div>
									
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
													个人特殊情况说明：<span th:text="${customer.personalDesc}"></span>
											</div>
										</div>
									</div>
									
									<div class="row">
										<div class="col-md-12">
											<div class="form-group">
													客户意见反馈：<span th:text="${customer.feedback}"></span>
											</div>
										</div>
									</div>
									
									<table class="card-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>卡号</th>
												<th>开户行</th>
												<th>持卡人姓名</th>
												<th>卡类型</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
											
										</tbody>
									</table>
									
								</div>

								<div class="tab-pane has-padding" id="panel-tab4">
									<table class="cOrder-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>客户名称</th>
												<th>客户电话号码</th>
												<th>渠道商名称</th>
												<th>渠道商电话号码</th>
												<th>渠道商佣金</th>
											<!-- 	<th>服务老师名称</th>
												<th>服务老师佣金</th> -->
												<th>消费项目</th>
												<th>消费金额</th>
												<th>是否结算</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
										</tbody>
										<tfoot>
										    <tr>
										      <td class="info">消费总金额</td>
										      <td class="info" colspan="7" th:text="${sumAmount}"></td>
										    </tr>
										  </tfoot>
									</table>
								</div>
								
								<div class="tab-pane has-padding" id="panel-tab2">
									<table class="integration-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>积分规则</th>
												<th>积分</th>
												<th>积分时间</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
										</tbody>
									</table>
								</div>
								
							</div>
						</div>

		<!-- /table -->
		<script type="text/javascript" th:src="@{/oss/js/customerDetail.js}"></script>
	</div>
	<!-- /main content -->

</body>
</html>
